<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <input type="text" name="username" id="inputA" age="20" />
    <script>
      /*
            获取特性
            1. 可以通过属性获取，因为dom的部分属性是依据特性创建的
            2. 通过dom对象给出的方法getAttribute获取，既可以获取标准特性，也可以获取自定义特性
        */
      const inputA = document.getElementById("inputA");

      console.log(inputA.name);

      inputA.setAttribute("age", 30);
      inputA.removeAttribute("name");
      console.log(inputA.getAttribute("name"));
      console.log(inputA.getAttribute("age"));
      console.log(inputA.hasAttribute("gender"));
    </script>
  </body>
</html>
